<template lang="pug">
  div.intro.absolute.pos-fit.flex.items-center
    iframe.absolute.h-100p.z1(src="http://www.17sucai.com/preview/494364/2016-03-23/vector/demo.html", frameborder="0" style="width:100%")
    div.info.center.flex-auto.z2
      img(src="~@/assets/logo.png", alt="")
      div.h1.mt1 凯普顿前端基础框架
      ul.mt1.h3
        li.inline-block.mr1(v-for="item in data")
          a(:href="item.url" target="_blank") {{item.name}}
</template>

<script>
import { GETTER_DATA, GET } from 'store/intro';
import { mapGetters } from 'vuex';
export default {
  computed: {
    ...mapGetters({
      data: GETTER_DATA
    })
  },
  mounted() {
    this.$store.dispatch(GET);
  }
};
</script>

<style lang="less">
.intro {
  &,
  a {
    color: #fff;
  }
}
</style>
